
    *{
      margin: 0;
      padding: 0;
    }

    a{
      text-decoration: none;
    }

    body{
      padding-bottom: 1.2rem;
      font-size: .24rem;
      background: #f7f7f7;
      font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    }

    .wrap{
      display: flex;
      flex-wrap: wrap;
      width: 7.5rem;
     
    }
/*---------------------- 导航条 ------------------- */
    .nav-item{
      display: flex;
      width: 1.5rem;
      height: 1.42rem;
      flex-direction: column;
      align-items: center;
    }

    .nav-item img{
      display: block;
      width:0.84rem;
      height:0.84rem;
    }

    .nav-item span{
      display: block;
      width: 1.5rem;
      height: 0.28rem;
      line-height: .28rem;
      font-size: .22rem;
      color: #666;
     text-align: center;
      margin-top: 0.05rem;
    }

    /*--------------- 商品列表 --------------*/
    .body-list{
      width: 7.5rem;
      display: flex;
      justify-content: space-between;
      padding: 0 .24rem;
      box-sizing: border-box;
      flex-wrap: wrap;

    }

    .list-item{
      /* display: flex; */
      width: 3.42rem;
      /* height: 5.42rem; */
      margin-bottom: .18rem;
      padding-bottom: .14rem;
      background: #fff;
      overflow: hidden;
    }

    .item-img{
      width: 3.42rem;
      height: 3.42rem;
      overflow: hidden;
    }

    .item-img img{
      display: block;
     height: 100%;
     margin: 0 auto;
    }

    .item-title{
      color: #333;
      margin: .18rem .12rem 0;
      font-size: .26rem;
      height: .67rem;
      font-weight: 700;
      line-height: .34rem;
      word-break: break-all;
      text-align: justify;
      text-align-last: justify;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .item-meta{
      margin: .11rem .12rem .24rem;
      display: flex;
    }

    .list-item .meta-item{
      /* height: .24rem; */
      padding: .02rem .12rem;
      margin-right: .05rem;
      border-radius: .06rem;
      font-size: .18rem;
     color: #333;
      background-color: #fefbee;
      border: .01rem solid rgb(255, 187, 0);
    }

    .meta-item:last-child {
      margin-right: 0;
    }

    .item-price {
      display: flex;
      margin-left: .12rem;
      line-height: .36rem;
    }
    
    .price-unit,
    .price-num {
      color: #f42;
      font-weight: 700;
    }
    
    .price-unit {
      line-height: .42rem;
    }
    
    .price-num {
      margin-left: .06rem;
      font-size: .36rem;
    }
    
    .price-comments {
      margin-left: .13rem;
      font-size: .2rem;
      color: #999;
    }

    /*-------------- 底部导航 -------------*/
    .footer{
      display: flex;
      width: 100%;
      height: 1rem;
      background-color: #fff;
      border-top: 1px solid #eee;
      position: fixed;
      left: 0;
      bottom: 0;
    }

    .footer-list{
      display: flex;
      width: 1.5rem;
      flex-direction: column;
      align-items: center;
    }

    .footer-item{
      width: .48rem;
      height: .48rem;
    }

    .footer-item img{
      width: 100%;
      margin: 0 auto;
      margin-top: .12rem;
    }

    .footer-list span{
      text-align: center;
      height: .32rem;
      line-height: .32rem;
      font-size: .2rem;
      color: #666;
      margin-top: .05rem;
    }
